<div class="item-page">

    <div class="title"><span>CAREER PROJECTS</span></div>
    <br class="clear"/>

    <div id="h-header" hidden ng-bind-html="renderHtml(projectData.hiddenHdrImg)"></div>
    <div id="h-img" hidden ng-bind-html="renderHtml(projectData.hiddenImg)"></div>

    <div class="row">
        <div class="col-md-5">
            <a class="example-image-link" href="{{projectData.hdrDetails[0]}}"data-lightbox="example-set" >
                <img class="thumbnail img-responsive" style="height: 300px; vertical-align: top;"
                     src="{{projectData.hdrDetails[0]}}"></a>
        </div>

        <div class="col-md-6">
            <h4>ชื่อโครงการ : {{projectData.hdrData.title_alias}}</h4>
            <p>{{projectData.hdrData.introtext}} </p>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <h4 class="page-header">Related Images</h4>
        </div>

        <div  ng-repeat="data in projectData.details track by $index">
            <div class="col-sm-3 col-xs-6">
                <a class="example-image-link" href="{{data}}"
                   data-lightbox="example-set" >
                    <img class="thumbnail" src="{{data}}" style="height:200px; width:230px" /></a>
            </div>
        </div>
    </div>

    <br class="clear"/>

</div>